﻿<%@ Page Language="C#" MasterPageFile="~/Benchmark.master" CodeBehind="CommonControls.aspx.cs"
    Inherits="Sample.CommonControls"  %>

<asp:Content ID="commonContent" ContentPlaceHolderID="bodyContentPlaceHolder" runat="server">
    <div id="app">
        <h3>
            CheckBoxList</h3>
        <folks:FolksContainer ID="FolksContainer1" runat="server">
            <asp:CheckBoxList ID="sampleCheckBoxList" runat="server" AutoPostBack="True" OnSelectedIndexChanged="sampleCheckBoxList_SelectedIndexChanged"
                RepeatDirection="Horizontal">
                <asp:ListItem>Item 1</asp:ListItem>
                <asp:ListItem>Item 2</asp:ListItem>
                <asp:ListItem>Item 3</asp:ListItem>
            </asp:CheckBoxList>
            <asp:Label ID="sampleCheckBoxLabel" runat="server"></asp:Label>
        </folks:FolksContainer>
        <hr size="1" />
        <h3>
            RadioButtonList and ListBox</h3>
        <folks:FolksContainer ID="radioListBoxFolksContainer" runat="server">
            <table border="0">
                <tr>
                    <td>
                        <asp:RadioButtonList ID="sampleRadioButtonList" runat="server" AutoPostBack="True"
                            OnSelectedIndexChanged="sampleRadioButtonList_SelectedIndexChanged" rel="folks">
                            <asp:ListItem Value="1">South America</asp:ListItem>
                            <asp:ListItem Value="2">North America</asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                    <td>
                        <asp:ListBox rel="folks" ID="sampleListBox" runat="server" AutoPostBack="True" OnSelectedIndexChanged="sampleListBox_SelectedIndexChanged">
                            <asp:ListItem Value="1">Brazil</asp:ListItem>
                            <asp:ListItem Value="2">United States</asp:ListItem>
                        </asp:ListBox>
                    </td>
                </tr>
            </table>
        </folks:FolksContainer>
        <hr size="1" />
        <h3>
            Calendar</h3>
        <folks:FolksContainer ID="calendarFolksContainer" runat="server">
            <asp:Calendar ID="sampleCalendar" runat="server" Width="350px" OnSelectionChanged="sampleCalendar_SelectionChanged"
                NextPrevFormat="FullMonth" Height="190px" ForeColor="Black" Font-Size="9pt" Font-Names="Verdana"
                BorderWidth="1px" BorderColor="White" BackColor="White">
                <SelectedDayStyle BackColor="#333399" ForeColor="White" />
                <TodayDayStyle BackColor="#CCCCCC" />
                <OtherMonthDayStyle ForeColor="#999999" />
                <NextPrevStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333" VerticalAlign="Bottom" />
                <DayHeaderStyle Font-Bold="True" Font-Size="8pt" />
                <TitleStyle BackColor="White" BorderColor="Black" BorderWidth="4px" Font-Bold="True"
                    Font-Size="12pt" ForeColor="#333399" />
            </asp:Calendar>
            <asp:Label ID="sampleLabel" runat="server"></asp:Label>
        </folks:FolksContainer>
    </div>
</asp:Content>
